// 这是项目发布阶段才需要用到的 babel 插件
const prodPlugins = []
// ui界面点build查看--mode 
// 如果是开发阶段，mode是development；如果是发布阶段，mode是production
if(process.env.NODE_ENV === 'production') {
  prodPlugins.push('transform-remove-console');
}
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    // 发布产品时候的插件数组，展开数组的每一项放到这个数组里
    // 原来的写法是直接写'transform-remove-console'，那样的话不论是开发阶段还是发布阶段，console都失效了
    ...prodPlugins,
    '@babel/plugin-syntax-dynamic-import'
  ]
}
